<el-tabs v-model="listTabs">
        <el-tab-pane label="列表属性" name="first">
          <div class="redact-from" style="padding:10px 40px;">
            <div class="style-cont">
              <div class="txt">
                <span>列表行业:</span>
              </div>
              <template>
                <select v-model="value" placeholder="请选择">
                  <option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></option>
                </select>
              </template>
            </div>
            <div class="style-cont">
              <div class="txt">
                <span>列表样式:</span>
              </div>
              <div class="img">
                <div :class="['svgStyle', styleIdx === idx ? 'active': '' ]" v-for="(item, idx) in listStyle" :key="idx" @click="setStyle(idx)">
                  <img :src="item.img" alt />
                </div>
              </div>
            </div>
            <div class="style-cont" style="margin-top: 36px;">
              <div class="txt">
                <span>展示条数:</span>
              </div>
              <template>
                <el-radio v-model="showSort" label="1">固定</el-radio>
                <el-radio v-model="showSort" label="2">无限滚动</el-radio>
              </template>
            </div>
            <div class="style-cont" v-if="showSort==2">
              <div class="txt">
                <span>滚动方式:</span>
              </div>
              <template>
                <el-radio v-model="radio1" label="1">滑动</el-radio>
                <el-radio v-model="radio1" label="2">翻页</el-radio>
              </template>
            </div>
            <div class="style-cont" v-else-if="showSort==1">
              <div class="txt">
                <span>展示条数:</span>
              </div>
              <input type="text" v-model="showNumber" @keyup="setListNum"/>
            </div>
            <div class="style-cont">
              <div class="txt">
                <span>列表宽高：</span>
              </div>
              <input type="number" v-model="listW" name id />
              <input type="number" v-model="listH" name id />
            </div>
            <div class="style-cont">
              <div class="txt">
                <span>列表圆角：</span>
              </div>
              <input type="text" v-model="listRound" name id />
            </div>
            <div class="style-cont">
              <div class="txt">
                <span>列表背景：</span>
              </div>
              <el-color-picker class="mycolor" size="small" v-model="listBg" show-alpha></el-color-picker>
            </div>
            <div class="style-cont">
              <div class="txt">
                <span>列表背景：</span>
              </div>
              <div class="choose-btn-img">
                <img :src="backgroundUrl" alt />
              </div>
              <img class="upimg" @click="showImg = true" src="@/assets/config_images/addimg.png" alt />
              <UploadImages @closeModel="closeModel" :dialogVisible="showImg" @changeImg="changeImg"></UploadImages>
            </div>
          </div>
        </el-tab-pane>
        <!-- 列表属性 -->

        <!-- <el-tab-pane label="编辑列表" name="second">
          <div class="redact-from">
            <el-collapse v-model="activeNames">
              <el-collapse-item title="基础组件" name="1">
                <div class="module">
                  <div class="module-sub" v-for="(item,index) in list" :key="index" @click="addListComponent(item, index)">
                    <svg-icon :icon-class="item.icon"></svg-icon>
                    <span>{{item.iconName}}</span>
                  </div>
                </div>
              </el-collapse-item>
              <el-collapse-item title="营销组件" name="2">
                <div class="module">
                  <div class="module-sub" v-for="(item,index) in marketing" :key="index">
                    <svg-icon :icon-class="item.icon"></svg-icon>
                    <span>{{item.iconName}}</span>
                  </div>
                </div>
              </el-collapse-item>
            </el-collapse>
          </div>
        </el-tab-pane> -->
        <!-- 编辑列表 -->

        <el-tab-pane :label="ItemName" name="third">
          <div class="styleSet">
            <!-- 图片设置 -->
            <div class="photo" v-if="ItemName === '图片设置'">
              <template>
                <div class="set-all-con">
                  <div class="text-con">
                    <div class="txt">
                      <span>图片大小:</span>
                    </div>
                    <input type="text" min="0" v-model="imgWidth" placeholder="宽" />
                    <input type="text" min="0" v-model="imgHeight" placeholder="高" />
                  </div>
                  <div class="opaqueness">
                    <div class="txt">
                      <span>圆角:</span>
                    </div>
                    <div class="set-opaq">
                      <input type="number" min="0" v-model="imgRound"  placeholder="圆角" />
                    </div>
                  </div>
                </div>
              </template>
            </div>

            <!-- 文本设置 -->
            <div class="word" v-if="ItemName === '文本设置'">
              <template>
                <div class="text-all">
                  <div class="text-con-size">
                    <div class="list-txt">
                      <span>字号:</span>
                    </div>
                    <el-select
                      style="width:90px;margin-left:20px;"
                      placeholder="请选择"
                      class="select"
                      v-model="textSize"
                    >
                      <el-option
                        v-for="item in this.sizeData"
                        :key="item"
                        :label="item"
                        :value="item"
                      ></el-option>
                    </el-select>
                  </div>
                  <!-- -->
                  <div class="text-con-size">
                    <div class="list-txt">
                      <span>绑定字段:</span>
                    </div>
                    <el-select
                      style="width:90px;margin-left:20px;"
                      placeholder="请选择"
                      class="select"
                      v-model="bindName"
                    >
                      <el-option label="名称" value="商品名称"></el-option>
                    </el-select>
                  </div>
                  <div class="text-con-size">
                    <div class="list-txt">
                      <span>样式:</span>
                    </div>
                    <el-color-picker v-model="pubColor" class="mycolor" size="small" show-alpha></el-color-picker>
                    <div class="text-icon">
                      <template v-for="(item, idx) in textStyel">
                        <svg-icon
                          @click="changes(idx)"
                          :key="idx"
                          :icon-class="item.status?item.checkicon:item.uncheckicon"
                        ></svg-icon>
                      </template>
                    </div>
                  </div>
                </div>
              </template>
            </div>

            <!-- 按钮设置 -->
            <div class="btn" v-if="ItemName === '按钮设置'">
              <template>
                <div class="btn-all">
                  <!--按钮文本：  -->
                  <div class="btn-con">
                    <div class="label">
                      <span>按钮样式：</span>
                    </div>
                    <template>
                      <el-radio v-model="btn_radio" label="1">自定义</el-radio>
                      <el-radio v-model="btn_radio" label="2">图片</el-radio>
                    </template>
                  </div>

                  <!-- 判断选择样式 -->
                  <div v-if="btn_radio==1">
                    <!--按钮文本：  -->
                    <div class="btn-con">
                      <div class="label">
                        <span>按钮文本：</span>
                      </div>
                      <input type="btn" class="mainKey" v-model="listTextVal"/>
                    </div>
                     <div class="btn-con">
                      <div class="list-txt">
                        <span>绑定字段:</span>
                      </div>
                      <el-select
                        style="width:90px;margin-left:10px;"
                        placeholder="请选择"
                        class="select"
                        v-model="bindName"
                      >
                        <el-option label="名称" value="商品名称"></el-option>
                      </el-select>
                    </div>
                    <!-- 字号： -->
                    <div class="btn-con-size">
                      <div class="label">
                        <span>字号：</span>
                      </div>
                      <template>
                        <el-select
                          style="width:90px;margin-left:10px;"
                          placeholder="请选择"
                          class="select"
                          v-model="textSize"
                        >
                          <el-option
                            v-for="item in this.sizeData"
                            :key="item"
                            :label="item"
                            :value="item"
                          ></el-option>
                        </el-select>
                      </template>
                    </div>
                    <!--样式： -->
                    <div class="btn-con-size">
                      <div class="label">
                        <span>文本样式：</span>
                      </div>
                      <el-color-picker class="mycolor" size="small" v-model="listTextBtnColor" show-alpha></el-color-picker>
                      <div class="btn-icon">
                        <template v-for="(item, idx) in textStyel">
                          <svg-icon
                            :key="idx"
                            :icon-class="item.status?item.checkicon:item.uncheckicon"
                            @click="changes(idx)"
                          ></svg-icon>
                        </template>
                      </div>
                    </div>

                    <!-- 按钮大小： -->
                    <div class="btn-con">
                      <div class="label">
                        <span>按钮大小：</span>
                      </div>
                      <input type="btn" placeholder="宽" v-model="btnWidth" class="mainKey input-width" />
                      <input type="btn" placeholder="高" v-model="btnHeight" class="mainKey input-width" />
                    </div>

                    <!-- 描边颜色： -->
                    <div class="btn-con">
                      <div class="label">
                        <span>按钮颜色：</span>
                      </div>
                      <el-color-picker class="mycolor" size="small" v-model="btnBgColor" show-alpha></el-color-picker>
                    </div>
                    <!-- 圆角： -->
                    <div class="btn-con">
                      <div class="label">
                        <span>圆角：</span>
                      </div>
                      <input type="btn" class="mainKey input-width" v-model="btnRound" />
                    </div>
                    <!--描边：  -->
                    <div class="btn-con">
                      <div class="label">
                        <span>描边粗细：</span>
                      </div>
                      <input type="btn" v-model="contourWidth" class="mainKey input-width" />
                    </div>
                    <div class="btn-con">
                      <div class="label">
                        <span>描边颜色：</span>
                      </div>
                      <el-color-picker class="mycolor" size="small" v-model="contourColor" show-alpha></el-color-picker>
                    </div>
                  </div>
                  <div v-else-if="btn_radio==2">
                    <div class="btn-con">
                      <div class="label">
                        <span>添加图标：</span>
                      </div>
                      <div class="btn-icon">
                        <img alt />
                      </div>
                      <img class="upimg" src="@/assets/config_images/addimg.png" alt />
                    </div>
                  </div>
                  <div class="btn-con">
                    <div class="label">
                      <span>跳转:</span>
                    </div>
                    <input type="btn" class="mainKey" />
                    <div class="add-tag">
                      <span>选择跳转</span>
                    </div>
                  </div>
                </div>
              </template>
            </div>

            <!-- 距离 -->
            <div class="distance" v-if="false">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>距离范围：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="dis_radio" label="1">精确到米</el-radio>
                  <el-radio v-model="dis_radio" label="2">精确到百米</el-radio>
                  <el-radio v-model="dis_radio" label="3">精确到千米</el-radio>
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>最大距离：</span>
                </div>
                <div class="universal-cont">
                  <input type="text" class="ipt-small" />
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>图标样式：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="dis_icon" label="1">默认</el-radio>
                  <el-radio v-model="dis_icon" label="2">自定义</el-radio>
                </div>
              </div>

              <div class="universal-row" v-if="dis_icon==2">
                <div class="universal-txt"></div>
                <div class="universal-cont universal-flxd">
                  <div class="universal-btn-img">
                    <img src="@/assets/config_images/nav1.png" alt />
                  </div>
                  <div class="universal-btn-con">
                    <div class="nav-span">
                      <span>选择图标</span>
                    </div>
                  </div>
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>跳转：</span>
                </div>
                <div class="universal-cont universal-flxd">
                  <input type="text" v-model="textObj.mainKey" class="mainKey" />
                  <div class="add-tag">
                    <span>选择跳转</span>
                  </div>
                </div>
              </div>
            </div>

            <!-- 位置 -->
            <div class="localtion" v-if="false">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>地址范围：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="local_radio" label="1">精确到省</el-radio>
                  <el-radio v-model="local_radio" label="2">精确到市</el-radio>
                  <el-radio v-model="local_radio" label="3">精确到县</el-radio>
                </div>
              </div>
              <div class="universal-row">
                <div class="universal-txt" style="margin-top: -9px;">
                  <span>添加图标：</span>
                </div>
                <div class="universal-cont universal-flxd">
                  <div class="universal-btn-img">
                    <img src="@assets/config_images/nav1.png" alt />
                  </div>
                  <div class="universal-btn-con">
                    <div class="nav-span">
                      <span>选择图标</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="universal-row">
                <div class="universal-txt">
                  <span>跳转：</span>
                </div>
                <div class="universal-cont universal-flxd">
                  <input type="text" v-model="textObj.mainKey" class="mainKey" />
                  <div class="add-tag">
                    <span>选择跳转</span>
                  </div>
                </div>
              </div>
            </div>

            <!-- 日期-->
            <div class="data" v-if="false">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>格式：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="format_radio" label="1">年月日</el-radio>
                  <el-radio v-model="format_radio" label="2">日月年</el-radio>
                </div>
              </div>
              <div class="universal-row">
                <div class="universal-txt">
                  <span>间隔：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="interval_radio" label="1">图形</el-radio>
                  <el-radio v-model="interval_radio" label="2">文字</el-radio>
                </div>
              </div>
              <div class="universal-row">
                <div class="universal-txt">
                  <span>显示时间：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="showTime_radio" label="1">隐藏</el-radio>
                  <el-radio v-model="showTime_radio" label="2">显示</el-radio>
                </div>
              </div>
            </div>

            <!-- 时间 -->
            <div class="time" v-if="ItemName == '时间设置'">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>显示格式：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="showformat_radio" label="1">时</el-radio>
                  <el-radio v-model="showformat_radio" label="2">时分</el-radio>
                  <el-radio v-model="showformat_radio" label="3">时分秒</el-radio>
                </div>
              </div>
              <div class="universal-row">
                <div class="universal-txt">
                  <span>范围：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="timescope_radio" label="1">关闭</el-radio>
                  <el-radio v-model="timescope_radio" label="2">开启</el-radio>
                </div>
              </div>
              <div class="universal-row" v-if="timescope_radio==2">
                <div class="universal-txt"></div>
                <div class="universal-cont">
                  <el-time-select
                    placeholder="起始时间"
                    v-model="startTime"
                    :picker-options="{
                      start: '08:30',
                      step: '00:15',
                      end: '18:30'
                    }"
                  ></el-time-select>
                  <el-time-select
                    placeholder="结束时间"
                    v-model="endTime"
                    :picker-options="{
                      start: '08:30',
                      step: '00:15',
                      end: '18:30',
                      minTime: startTime
                    }"
                  ></el-time-select>
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>倒计时：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="countdown_radio" label="1">关闭</el-radio>
                  <el-radio v-model="countdown_radio" label="2">开启</el-radio>
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>样式：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="timestyle_radio" label="1">默认</el-radio>
                  <el-radio v-model="timestyle_radio" label="2">自定义</el-radio>
                </div>
              </div>

              <div v-if="timestyle_radio==2">
                <div class="universal-row">
                  <div class="universal-txt">
                    <span>字号：</span>
                  </div>
                  <div class="universal-cont">
                    <template>
                      <el-select
                        style="width:90px;"
                        placeholder="请选择"
                        class="select"
                        v-model="textSize"
                      >
                        <el-option
                          v-for="item in sizeData"
                          :key="item"
                          :label="item"
                          :value="item"
                        ></el-option>
                      </el-select>
                    </template>
                  </div>
                </div>

                <div class="universal-row">
                  <div class="universal-txt">
                    <span>样式：</span>
                  </div>
                  <div class="universal-cont universal-flxd">
                    <el-color-picker class="mycolor" size="small" show-alpha></el-color-picker>
                    <div class="text-icon">
                      <template v-for="(item, idx) in textStyel.slice(0,3)">
                        <svg-icon
                          @click="changes(idx)"
                          :key="idx"
                          :icon-class="item.status?item.checkicon:item.uncheckicon"
                        ></svg-icon>
                      </template>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 分割线 -->
            <div class="cut-off-rule" v-if="false">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>长度：</span>
                </div>
                <div class="universal-cont">
                  <input type="text" class="ipt-small" />
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>宽度：</span>
                </div>
                <div class="universal-cont">
                  <input type="text" class="ipt-small" />
                </div>
              </div>

              <div class="universal-row" style="margin-bottom:4px">
                <div class="universal-txt">
                  <span>颜色：</span>
                </div>
                <div class="universal-cont">
                  <el-color-picker class="mycolor" size="small" show-alpha style="margin-top:7px;"></el-color-picker>
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>位置：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="showformat_radio" label="1">居中</el-radio>
                  <el-radio v-model="showformat_radio" label="2">居左</el-radio>
                  <el-radio v-model="showformat_radio" label="3">居右</el-radio>
                </div>
              </div>
            </div>

            <!-- 查看更多 -->
            <div class="view-more" v-if="false">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>属性：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="view_radio" label="1">加载更多</el-radio>
                  <el-radio v-model="view_radio" label="2">跳转页面</el-radio>
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>跳转：</span>
                </div>
                <div class="universal-cont universal-flxd">
                  <input type="text" v-model="textObj.mainKey" class="mainKey" />
                  <div class="add-tag">
                    <span>选择跳转</span>
                  </div>
                </div>
              </div>
            </div>

            <!-- 库存 -->
            <div class="inventory" v-if="ItemName == '库存设置'">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>库存量：</span>
                </div>
                <div class="universal-cont">
                  <input type="text" class="ipt-small" />
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>样式：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="inventory_icon" label="1">默认</el-radio>
                  <el-radio v-model="inventory_icon" label="2">自定义</el-radio>
                </div>
              </div>

              <div v-if="inventory_icon==2">
                <div class="universal-row">
                  <div class="universal-txt">
                    <span>字号：</span>
                  </div>
                  <div class="universal-cont">
                    <template>
                      <el-select
                        style="width:90px;"
                        placeholder="请选择"
                        class="select universal-select"
                        v-model="textSize"
                      >
                        <el-option
                          v-for="item in sizeData"
                          :key="item"
                          :label="item"
                          :value="item"
                        ></el-option>
                      </el-select>
                    </template>
                  </div>
                </div>

                <div class="universal-row">
                  <div class="universal-txt">
                    <span>样式：</span>
                  </div>
                  <div class="universal-cont universal-flxd">
                    <el-color-picker class="mycolor" size="small" v-model="pubColor" show-alpha></el-color-picker>
                    <div class="text-icon">
                      <template v-for="(item, idx) in textStyel.slice(0,3)">
                        <svg-icon
                          @click="changes(idx)"
                          :key="idx"
                          :icon-class="item.status?item.checkicon:item.uncheckicon"
                        ></svg-icon>
                      </template>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 评分 -->
            <div class="grade" v-if="false">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>尺寸大小：</span>
                </div>
                <div class="universal-cont">
                  <input type="text" class="ipt-small" />
                  <input type="text" class="ipt-small" />
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>样式：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="grade_icon" label="1">图形</el-radio>
                  <el-radio v-model="grade_icon" label="2">文字</el-radio>
                </div>
              </div>

              <div v-if="grade_icon==1">
                <div class="universal-row">
                  <div class="universal-txt">
                    <span>样式：</span>
                  </div>
                  <div class="universal-cont">
                    <el-radio v-model="graphic_style" label="1">星型</el-radio>
                    <el-radio v-model="graphic_style" label="2">心型</el-radio>
                    <el-radio v-model="graphic_style" label="3">自定义</el-radio>
                  </div>
                </div>
              </div>

              <div v-if="graphic_style==3">
                <div class="universal-row">
                  <div class="universal-txt">
                    <span>上传图标：</span>
                  </div>
                  <div class="universal-cont universal-flxd">
                    <div class="universal-flxd" style="align-items: flex-start;margin-right:10px;">
                      <span>全</span>
                      <div class="up-img-icon">
                        <img src="@/assets/config_images/addimg.png" alt />
                      </div>
                    </div>
                    <div class="universal-flxd" style="align-items: flex-start;margin-right:10px;">
                      <span>半</span>
                      <div class="up-img-icon">
                        <img src="@/assets/config_images/addimg.png" alt />
                      </div>
                    </div>
                    <div class="universal-flxd" style="align-items: flex-start;margin-right:10px;">
                      <span>空</span>
                      <div class="up-img-icon">
                        <img src="@/assets/config_images/addimg.png" alt />
                      </div>
                    </div>
                  </div>
                </div>

                <div class="universal-row">
                  <div class="universal-txt">
                    <span>颜色：</span>
                  </div>
                  <div class="universal-cont universal-flxd">
                    <el-color-picker
                      class="mycolor"
                      size="small"
                      show-alpha
                      style="margin-top: 7px;"
                    ></el-color-picker>
                  </div>
                </div>

                <div class="universal-row">
                  <div class="universal-txt">
                    <span>分值：</span>
                  </div>
                  <div class="universal-cont">
                    <el-radio v-model="score_radio" label="1">十分制</el-radio>
                    <el-radio v-model="score_radio" label="2">五分制</el-radio>
                  </div>
                </div>

                <div class="universal-row">
                  <div class="universal-txt">
                    <span>分值精度：</span>
                  </div>
                  <div class="universal-cont">
                    <el-radio v-model="precision" label="1">精确到个位</el-radio>
                    <el-radio v-model="precision" label="2">精确到十分位</el-radio>
                  </div>
                </div>
              </div>

              <div v-if="grade_icon==2">
                <div class="universal-row">
                  <div class="universal-txt">
                    <span>字号：</span>
                  </div>
                  <div class="universal-cont">
                    <template>
                      <el-select
                        style="width:90px;"
                        placeholder="请选择"
                        class="select universal-select"
                        v-model="valueSize"
                      >
                        <el-option
                          v-for="item in this.sizeData"
                          :key="item"
                          :label="item"
                          :value="item"
                        ></el-option>
                      </el-select>
                    </template>
                  </div>
                </div>

                <div class="universal-row">
                  <div class="universal-txt">
                    <span>样式：</span>
                  </div>
                  <div class="universal-cont universal-flxd">
                    <el-color-picker class="mycolor" size="small" show-alpha></el-color-picker>
                    <div class="text-icon">
                      <template v-for="(item, idx) in textStyel.slice(0,3)">
                        <svg-icon
                          @click="changes(idx)"
                          :key="idx"
                          :icon-class="item.status?item.checkicon:item.uncheckicon"
                        ></svg-icon>
                      </template>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 价格 -->
            <div class="price" v-if="ItemName == '价格设置'">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>价格类型：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="Price_type" label="1">现价</el-radio>
                  <el-radio v-model="Price_type" label="2">原价</el-radio>
                  <el-radio v-model="Price_type" label="3">时分秒</el-radio>
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>单位：</span>
                </div>
                <div class="universal-cont">
                  <input type="text" class="ipt-small" />
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>样式：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="Price_radio" label="1">默认</el-radio>
                  <el-radio v-model="Price_radio" label="2">自定义</el-radio>
                </div>
              </div>

              <div v-if="Price_radio==2">
                <div class="universal-row">
                  <div class="universal-txt">
                    <span>字号：</span>
                  </div>
                  <div class="universal-cont">
                    <template>
                      <el-select
                        style="width:90px;"
                        placeholder="请选择"
                        class="select"
                        v-model="valueSize"
                      >
                        <el-option
                          v-for="item in this.sizeData"
                          :key="item"
                          :label="item"
                          :value="item"
                        ></el-option>
                      </el-select>
                    </template>
                  </div>
                </div>

                <div class="universal-row">
                  <div class="universal-txt">
                    <span>样式：</span>
                  </div>
                  <div class="universal-cont universal-flxd">
                    <el-color-picker class="mycolor" size="small" v-model="pubColor" show-alpha></el-color-picker>
                    <div class="text-icon">
                      <template v-for="(item, idx) in textStyel.slice(0,3)">
                        <svg-icon
                          @click="changes(idx)"
                          :key="idx"
                          :icon-class="item.status?item.checkicon:item.uncheckicon"
                        ></svg-icon>
                      </template>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 数据 -->
            <div class="data" v-if="false">
              <div class="universal-row">
                <div class="universal-txt">
                  <span>销量：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="sales_volume" label="1">隐藏</el-radio>
                  <el-radio v-model="sales_volume" label="2">显示</el-radio>
                </div>
              </div>

              <div class="universal-row">
                <div class="universal-txt">
                  <span>浏览数：</span>
                </div>
                <div class="universal-cont">
                  <el-radio v-model="Browse_number" label="1">隐藏</el-radio>
                  <el-radio v-model="Browse_number" label="2">显示</el-radio>
                </div>
              </div>
            </div>

            <!-- 标签 -->
            <div class="btn" v-if="ItemName == '标签设置' ">
              <template>
                <div class="btn-all">
                  <!--标签样式：  -->
                  <div class="btn-con">
                    <div class="label">
                      <span>标签样式：</span>
                    </div>
                    <template>
                      <el-radio v-model="label_radio" label="1">自定义</el-radio>
                      <el-radio v-model="label_radio" label="2">图片</el-radio>
                    </template>
                  </div>
                  <!-- 判断选择样式 -->
                  <div v-if="label_radio==1">
                    <!--标签文本：  -->
                    <div class="btn-con">
                      <div class="label">
                        <span>标签文本：</span>
                      </div>

                      <input type="btn" class="mainKey" />
                    </div>
                    <!-- 字号： -->
                    <div class="btn-con-size">
                      <div class="label">
                        <span>字号：</span>
                      </div>
                      <template>
                        <el-select
                          style="width:90px;margin-left:10px;"
                          placeholder="请选择"
                          class="select"
                          v-model="valueSize"
                        >
                          <el-option
                            v-for="item in this.sizeData"
                            :key="item"
                            :label="item"
                            :value="item"
                          ></el-option>
                        </el-select>
                      </template>
                    </div>
                    <!--样式： -->
                    <div class="btn-con-size">
                      <div class="label">
                        <span>样式：</span>
                      </div>
                      <el-color-picker class="mycolor" size="small" show-alpha></el-color-picker>
                      <div class="btn-icon">
                        <template v-for="(item, idx) in textStyel">
                          <svg-icon
                            :key="idx"
                            :icon-class="item.status?item.checkicon:item.uncheckicon"
                            @click="changes(idx)"
                          ></svg-icon>
                        </template>
                      </div>
                    </div>
                    <!-- 标签大小： -->
                    <div class="btn-con">
                      <div class="label">
                        <span>标签大小：</span>
                      </div>
                      <input type="btn" placeholder="宽" class="mainKey input-width" />
                      <input type="btn" placeholder="高" class="mainKey input-width" />
                    </div>
                    <!-- 标签颜色： -->
                    <div class="btn-con">
                      <div class="label">
                        <span>标签颜色：</span>
                      </div>
                      <el-color-picker class="mycolor" size="small" show-alpha></el-color-picker>
                    </div>
                    <!-- 圆角： -->
                    <div class="btn-con">
                      <div class="label">
                        <span>圆角：</span>
                      </div>
                      <input type="btn" class="mainKey input-width" />
                    </div>
                    <!--描边：  -->
                    <div class="btn-con">
                      <div class="label">
                        <span>描边：</span>
                      </div>
                      <template>
                        <el-radio v-model="label_border" label="1">关闭</el-radio>
                        <el-radio v-model="label_border" label="2">开启</el-radio>
                      </template>
                    </div>
                    <div class="btn-con">
                      <div class="label">
                        <span>描边粗细：</span>
                      </div>
                      <input type="btn" class="mainKey input-width" />
                    </div>
                    <div class="btn-con">
                      <div class="label">
                        <span>描边颜色：</span>
                      </div>
                      <el-color-picker class="mycolor" size="small" show-alpha></el-color-picker>
                    </div>
                  </div>
                  <div v-else-if="label_radio==2">
                    <div class="btn-con">
                      <div class="label">
                        <span>添加图标：</span>
                      </div>
                      <div class="btn-icon">
                        <img alt />
                      </div>
                      <img class="upimg" src="@/assets/config_images/addimg.png" alt />
                    </div>
                  </div>
                </div>
              </template>
            </div>
          </div>
        </el-tab-pane>
      </el-tabs>